<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register</title>
</head>
<body>
<form action="/b" method="post">
    <!--label标签 常和input标签一同使用
    通过label的for属性  可以指向input标签的id
    这样,再点击这个label的时候
    对应的input 就会自然获取焦点,可以提升用户体验-->
    <label for="name">用户名:</label>
    <input id="name" name="username"><br>

    <label for="pwd">密码:</label>
    <input id="pwd" name="password" type="password"><br>

    性别:
    <input id="gender_male" type="radio" name="gender"
           value="male">
    <label for="gender_male">男</label>

    <input id="gender_fe" type="radio" name="gender"
           value="female">
    <label for="gender_fe">女</label>
    <br>

    爱好:
    <input id="hobby_eat" type="checkbox" value="eat"
           name="hobby">
    <label for="hobby_eat">吃</label>

    <input id="hobby_drink" type="checkbox" value="drink"
           name="hobby">
    <label for="hobby_drink">喝</label>
    <input id="hobby_play" type="checkbox" value="play"
           name="hobby">
    <label for="hobby_play">玩</label>

    <br>

    <input type="submit" value="注册">
</form>
</body>
</html>